/*------------------------- tengah --------------------------*/
.main {
	position: absolute;
	top: 32px;
	left: 201px;
	right: 0px;
	min-height: 88%;
	padding: 5px 5px 40px 5px;
	z-index: 1;
	box-shadow: 0px 0px 15px rgb(150, 150, 150);
}

.main h2{
	color: white;
	height: 30px;
	padding: 10px 10px 5px;
	background: url(../images/h2.png) no-repeat top left rgb(175, 0, 0);
}

.main .table-menu {
	height: 30px;
	padding: 5px 5px;
	background: url(../images/nav.png) repeat scroll 0% 0%;
}

.main .paging {
	padding: 5px;
	margin: 2px;
    float: left;
}

.main .table-menu .paging  a{
	margin-right: 2px;
    text-decoration: none;
	color: black;
	border: 2px solid #B1B1B1;
	padding: 5px 10px;
	background-color: #D6BFBF;
}

.main .table-menu .paging  a:hover{
	margin-right: 2px;
    text-decoration: none;
	color: white;
	background-color: #808374;
	padding: 5px 10px;
}

.main .table-menu .paging  .current-page{
	margin-right: 2px;
    text-decoration: none;
	color: white;
	font-weight: bold;
	border: 2px solid #B1B1B1;
	background-color: #808374;
	padding: 5px 10px;
}

.main .search {
	margin-top: -2px;
	padding: 5px 5px;
    float: right;
}

.main .table-bottom {
	height: 30px;
	position: absolute; 
	bottom: 0px; 
	right: 5px; 
	left: 5px;
	padding: 5px;
	background: url(../images/nav.png) repeat scroll 0% 0%;
}

.main .table-list {
	position: absolute; 
	top: 90px;
	bottom: 40px; 
	right: 5px; 
	left: 0px;
	padding: 5px;
	overflow-y: auto;
}

.table-form {
	margin: 0px auto;
	padding: 10px 0px;
}

.add-form {
	display: none;
	background-color: #efefef;
	border: solid 1px rgb(175, 0, 0);
}

.edit-form {
	background-color: #efefef;
	border: solid 1px rgb(175, 0, 0);
}

tr.alternate {
	background: none repeat scroll 0% 0% rgb(250, 255, 250);
}

tr.edited {
	background-color: yellow;
}

tr.published {
	background-color: #33D633;
}

tr.deleted {
	background-color: #E68080;
}

td.label{
	padding-left: 30px;
	white-space: wrap;
}

td.bold{
	width: 100px;
	font-weight: bold;
}

/*---------------- button -----------------*/
.btn-add {
	float: right;
	height: 30px;
	margin-top: -2px;
}

/*---------------- search -----------------*/
.result {
	background: none repeat scroll 0% 0% rgb(240, 255, 200);
}
/*------------------ detail ---------------*/
.detail {
	font-size: 12px;
	padding: 10px;
	line-height: 15px;
	height: 100%;
}

.detail-left {
	position: absolute;
	width: 450px;
}

.detail-right {
	position: absolute;
	float: left;
	right: 15px;
	left: 475px;
	height: 90%;
	padding: 0px 10px 0px;
	overflow-y: auto;
}

p.flip {
	width: 98%;
	padding: 5px;
	font-size: 14px;
	border: solid 2px #c3c3c3;
	background: url(../images/nav.png) repeat scroll 0% 0%;
}

p.flip1, p.flip2, p.flip3, p.flip4, p.flip5 {
	cursor: pointer;
	width: 100%;
	font-size: 14px;
	padding: 5px;
	border-bottom: solid 1px #c3c3c3;
}

div.panel1, div.panel2, div.panel3, div.panel4, div.panel5 {
	display: none;
	font-size: 12px;
}

span.right {
	float: right;
	font-weight: normal;
	font-size: 12px;
}

/*------------------ tabel ----------------*/
.tablesorter
{
	width:100%;
	border-collapse:collapse;
}

.tablesorter td, .tablesorter th 
{
	font-size:1em;
	border:1px solid #98bf21;
	padding:3px 5px;
}

.tablesorter th 
{
	font-size:1.1em;
	text-align:left;
	background-color:#A7C942;
	color:#ffffff;
}

.tablesorter td.center, .tablesorter th.center {
	text-align: center;
}

th.header {   
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat;
	background-image: url(../images/bg.gif);
	background-position: center right;
    padding-left: 5px; 
    margin-left: -1px; 
}

th.headerSortUp { 
    background-image: url(../images/asc.gif);
	background-position: center right;
}

th.headerSortDown { 
    background-image: url(../images/desc.gif);
	background-position: center right;
} 
 
button.center {
	margin-left: 15px;
}

/*------------------- flash message ---------------*/
p.success {
	font-size:1.2em;
	font-weight: bold;
	width: 100%;
	margin-right: 20px;
	text-align: center;
	color: white;
	padding: 5px 0px;
	background: none repeat scroll 0% 0% rgb(6, 54, 204);
}

p.failed {
	font-size:1.2em;
	font-weight: bold;
	width: 100%;
	margin-right: 20px;
	text-align: center;
	color: white;
	padding: 5px 0px;
	background: none repeat scroll 0% 0% #000000;
}

/*------------------- ajax message --------------------*/
.image-load  {
	color: rgba(255, 255, 255, 0.0);
	width:100%;
	background: url(../images/loading.gif) no-repeat;
}

.image-no  {
	color: rgba(255, 255, 255, 0.0);
	width:100%;
	background: url(../images/delete.gif) no-repeat;
}

.image-yes  {
	color: rgba(255, 255, 255, 0.0);
	width:100%;
	background: url(../images/checklist.gif) no-repeat;
}
